<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

<body>
  <button>点击一下</button>
  <script>
    // 手写bind函数
    // const obj = {
    //   uname: 'jerry',
    //   age:20
    // }
    // function fn(string) {
    //   this.love=string
    // }

    // Object.prototype._bind = function () {
    //   const arr = Array.prototype.slice.call(arguments)
    //   const obj = arr[0]
    //   const others = arr.splice(1)
    //   obj.fn = this
    //   function fun() {
    //     return obj.fn(...others)
    //   }
    //   return fun 
    // }


    // const fun = fn._bind(obj, 'tom')
    // fun()
    // console.log(obj)


    // bind的应用的场景 --点击一个按钮，马上禁用，2s后恢复
    // const btn = document.querySelector('button')
    // btn.addEventListener('click', function () {
    //   this.disabled = true
    //   setTimeout(timer.bind(this), 2000)
    // })

    // function timer() {
    //   this.disabled = false
    // }

  </script>
</body>

</html>